<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>设置边框样式</title>
		<style type="text/css">
			/* 边框宽度 border-width 语法为 上 右 下 左 */
			.one{border-style: double;} /* 双实线 */
			.two{border-style: dotted solid;} /* 上下 点线 左右 单实线 */
			.three{border-style: solid dotted dashed; } /* 上 实线 左右 点线 下 虚线 */
		</style>
	</head>
	<body>
		<p class="one">边框宽度——2px.边框样式-单实线</p>
		<p class="two">边框宽度——上下2px，左右1px.边框样式-单实线</p>
		<p class="three">边框宽度——上3px 左右2px 下2px.边框样式-单实线</p>
	</body>
</html>
